import React from "react"
import { graphql } from "gatsby"
import Layout from "../components/layout"

export default function About({ data }) {
  const { title, description } = data.site.siteMetadata
  console.log(data)
  return (
    <Layout>
      <div className="entry-content">
        <h2>About {title}</h2>
        <p>{description}</p>

        <h3>Tech Stack</h3>
        <p>React / Gatsby / GraphQL / tailwindcss / Netlify</p>

        <h3>Fonts</h3>
        <p>Noto Serif SC（思源宋体）on Google Fonts</p>
      </div>
    </Layout>
  )
}

export const query = graphql`
  query {
    site {
      siteMetadata {
        title
        description
      }
    }
  }
`
